<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="vue.js"></script>
	<script src="lodash.js"></script>
</head>
<body>
	<div id="page" v-on="click:handler($event,this)">
		Hello {{msg}}
		<div v-repeat="item">{{msg | capitalize}}</div>
		<div v-attr="alt:msg" v-style="page">222</div>
		<div v-html="msg"></div>
	</div>

	<script>
		var vm = new Vue({
			el:'#page',
			data : {
				msg : 'hello',
				item : 3,
				pic : 'xxx.jpg',
				page : {color:'red'}
			},
			methods : {
				handler : function(e,d){
					console.log(e.target,this,d)
				}
			}
	});

var users = [
  { 'user': 'barney', 'age': 36, 'active': true },
  { 'user': 'fred',   'age': 40, 'active': false }
];

var s = _.findWhere(users,{age:40})
console.log(s)
	</script>
</body>
</html>